<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>抖音达人</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Access-Control-Allow-Origin" content="*">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="icon" href="/layui/images/favicon.ico">
    <link rel="stylesheet" href="/layui/lib/layui-v2.6.3/css/layui.css" media="all">
    <link rel="stylesheet" href="/layui/css/layuimini.css?v=2.0.4.2" media="all">
    <link rel="stylesheet" href="/layui/css/themes/default.css" media="all">
    <link rel="stylesheet" href="/layui/lib/font-awesome-4.7.0/css/font-awesome.min.css" media="all">
    <link rel="stylesheet" href="/css/bootstrap.min.css" media="all">
    <link rel="stylesheet" href="/iqianfeng/css/animate.css">
    <link rel="stylesheet" href="/iqianfeng/css/swiper.min.css">
    <link rel="stylesheet" href="/iqianfeng/css/city-picker.css">
    <link rel="stylesheet" href="/iqianfeng/css/jquery.validator.css">
    <link rel="stylesheet" href="/iqianfeng/css/all.css">
    <link rel="stylesheet" href="/iqianfeng/css/common.css">
    <link rel="stylesheet" href="/iqianfeng/css/index.css">
    <link rel="icon" href="/iqianfeng/img/tubiao2.png">
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style id="layuimini-bg-color">
    </style>
    <head>
        <title>Title</title>
    </head>
<body class="layui-layout-body layuimini-all" style="background-color: #FAFAFA">
<header id="header">
    <nav class="nav-fixed-top" id="pc_header">
        <div class="container">
            <div class="navbar">
                <div class="navbar-header">
                    <a href="#" class="nav-brand">
                        <img class="img" src="/iqianfeng/img/111.png" style="  height: 50px;">
                    </a>
                    <div class="navbar-tools">
                        <span class="icon more"></span>
                    </div>
                </div>
                <div class="navbar-mask">
                    <div class="com_header_collapse animate_3">
                        <div class="nav-mob_collapse_head">
                            <a href="https://www.iqianfeng.com" class="nav-brand">
                                <img class="img" src="/iqianfeng/img/111.png" alt="宏运营销 | 软文发布与品牌营销效果追踪平台">
                            </a>
                        </div>
                        <div class="com_header_collapse_ul_cont">
                            <ul class="nav navbar-nav navbar-nav-left">
                                <li class="active">
                                    <a href="/index" class="nav-link">首页</a>
                                </li>
                                <li class="dropdown">
                                    <a href="/media?platformId=2" class="dropdown-toggle nav-link linkTo" data-link="worth-section">微博<b class="icon"></b><span class="htip-Hot">HOT</span></a>
                                </li>
                                <li class="dropdown">
                                    <a href="/media?platformId=3" class="dropdown-toggle nav-link linkTo" data-link="worth-section">小红书<b class="icon"></b><span class="htip-Hot">HOT</span></a>
                                </li>
                                <li class="dropdown">
                                    <a href="/media?platformId=5" class="dropdown-toggle nav-link linkTo" data-link="worth-section">抖音<b class="icon"></b><span class="htip-Hot">HOT</span></a>
                                </li>
                                <li class="dropdown">
                                    <a href="/media?platformId=4" class="dropdown-toggle nav-link linkTo" data-link="worth-section">b站<b class="icon"></b><span class="htip-Hot">HOT</span></a>
                                </li>
                                <%--                                --%>
                                <%--                                <li class="dropdown">--%>
                                <%--                                    <div class="dropdown-toggle nav-link linkTo" data-link="worth-section">营销产品<b class="icon"></b></div>--%>
                                <%--                                    <div class="dropdown-menu dropdown-menu-media dropdown-pc-ol">--%>
                                <%--                                        <div class="dropdown-cont">--%>
                                <%--                                            <div class="drop-media-left">--%>
                                <%--                                                <span class="drop-media-left-span active">117媒体发布</span>--%>
                                <%--                                                <span class="drop-media-left-span">117口碑监测</span>--%>
                                <%--                                                <span class="drop-media-left-span">117报告</span>--%>
                                <%--                                            </div>--%>
                                <%--                                            <div class="drop-media-content">--%>
                                <%--                                                <div class="drop-media-content-ibox drop-media-content-ibox1 active">--%>
                                <%--                                                    <div class="drop-media-content-btitle">117媒体发布<span>一站式自助稿件发布，覆盖全网10万+媒体资源</span></div>--%>
                                <%--                                                    <ul>--%>
                                <%--                                                        <li>--%>
                                <%--                                                            <a href="https://www.iqianfeng.com/xinwenmeiti/" class="nav-media-link">--%>
                                <%--                                                                <i style="background-image: url(img/media_list-icon1.png);"></i>新闻媒体<span>与全国2万多家网络媒体建立战略合作</span>--%>
                                <%--                                                            </a>--%>
                                <%--                                                        </li>--%>
                                <%--                                                        <li>--%>
                                <%--                                                            <a href="https://www.iqianfeng.com/zimeiti/" class="nav-media-link">--%>
                                <%--                                                                <i style="background-image: url(img/media_list-icon2.png);"></i>自媒体<span>4万多家自媒体资源杜绝中间商差价与虚假账号</span>--%>
                                <%--                                                            </a>--%>
                                <%--                                                        </li>--%>
                                <%--                                                        <li>--%>
                                <%--                                                            <a href="https://www.iqianfeng.com/zhongcao/" class="nav-media-link">--%>
                                <%--                                                                <i style="background-image: url(img/media_list-icon3.png);"></i>种草媒体<span>覆盖全网达人与素人，快速打造全网爆品</span>--%>
                                <%--                                                            </a>--%>
                                <%--                                                        </li>--%>
                                <%--                                                        <li>--%>
                                <%--                                                            <a href="https://www.iqianfeng.com/duanshipin/" class="nav-media-link">--%>
                                <%--                                                                <i style="background-image: url(img/media_list-icon4.png);"></i>短视频<span>丰富的KOL资源，2万余KOL与KOC入驻</span>--%>
                                <%--                                                            </a>--%>
                                <%--                                                        </li>--%>
                                <%--                                                        <li>--%>
                                <%--                                                            <a href="https://www.iqianfeng.com/taocan/" class="nav-media-link">--%>
                                <%--                                                                <div><i style="background-image: url(img/media_list-icon5.png);"></i>媒体套餐</div> <span>超多优惠套餐助力企业宣传</span>--%>
                                <%--                                                            </a>--%>
                                <%--                                                        </li>--%>
                                <%--                                                    </ul>--%>
                                <%--                                                </div>--%>
                                <%--                                                <div class="drop-media-content-ibox">--%>
                                <%--                                                    <div class="drop-media-content-btitle">117口碑监测<span>强大数据技术能力，助力业务飞速增长</span></div>--%>
                                <%--                                                    <ul>--%>
                                <%--                                                        <li>--%>
                                <%--                                                            <a href="https://www.iqianfeng.com/koubei/" class="nav-media-link">--%>
                                <%--                                                                <div><i style="background-image: url(img/media_list-icon7.png);"></i>口碑监测</div> <span>支持评论区监测，一键部署，自动化采集</span>--%>
                                <%--                                                            </a>--%>
                                <%--                                                        </li>--%>
                                <%--                                                        <!-- <li>--%>
                                <%--                                                    <div class="nav-media-span"><div><i style="background-image: url(/public/img/media_list-icon7.png);"></i>口碑监测 </div><button class="btn btn-ly-tidio btn-theme">立即咨询</button></div>--%>
                                <%--                                                    <span>支持评论区监测，一键部署，自动化采集</span>--%>
                                <%--                                                </li> -->--%>
                                <%--                                                    </ul>--%>
                                <%--                                                </div>--%>
                                <%--                                                <div class="drop-media-content-ibox">--%>
                                <%--                                                    <div class="drop-media-content-btitle">117报告<span>上万研究报告免费供您下载</span></div>--%>
                                <%--                                                    <ul>--%>
                                <%--                                                        <li>--%>
                                <%--                                                            <a href="https://baogao.iqianfeng.com/list-19" class="nav-media-link">--%>
                                <%--                                                                <i style="background-image: url(img/media_list-icon8.png);"></i>行业报告--%>
                                <%--                                                                <span>全行业研究报告</span>--%>
                                <%--                                                            </a>--%>
                                <%--                                                        </li>--%>
                                <%--                                                        <li>--%>
                                <%--                                                            <a href="https://baogao.iqianfeng.com/list-20" class="nav-media-link">--%>
                                <%--                                                                <i style="background-image: url(img/media_list-icon9.png);"></i>策划方案--%>
                                <%--                                                                <span>共享营销策划方案</span>--%>
                                <%--                                                            </a>--%>
                                <%--                                                        </li>--%>
                                <%--                                                    </ul>--%>
                                <%--                                                </div>--%>
                                <%--                                            </div>--%>
                                <%--                                        </div>--%>
                                <%--                                    </div>--%>
                                <%--                                    <div class="dropdown-menu dropdown-mob-ol">--%>
                                <%--                                        <ul class="dropdown-cont">--%>
                                <%--                                            <li><a href="http://c.iqianfeng.com/" class="nav-link">117口碑监测</a></li>--%>
                                <%--                                            <li><a href="https://baogao.iqianfeng.com/" class="nav-link">117报告</a></li>--%>
                                <%--                                        </ul>--%>
                                <%--                                    </div>--%>
                                <%--                                </li>--%>
                                <!-- <li>
                            <a href="https://www.iqianfeng.com/taocan/" class="nav-link linkTo" data-link="case-section">媒体套餐</a>
                        </li> -->
                                <!-- <li>
                        <a href="https://www.iqianfeng.com/koubei/" class="nav-link linkTo" data-link="case-section">口碑监测</a>
                        </li> -->


                                <li class="dropdown">
                                    <a href="#" class="nav-link linkTo">营销洞察<b class="icon"></b></a>
                                    <div class="dropdown-menu">
                                        <ul class="dropdown-cont">
                                            <li><a href="https://www.iqianfeng.com/yingxiaoganhuo/" class="nav-link">营销干货</a></li>
                                            <li><a href="https://www.iqianfeng.com/cehuafangan/" class="nav-link">策划方案</a></li>
                                            <li><a href="https://www.iqianfeng.com/hangyebaogao/" class="nav-link">行业报告</a></li>
                                            <li><a href="https://www.iqianfeng.com/news/" class="nav-link">资讯</a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="dropdown">
                                    <a href="#" class="nav-link linkTo">SEO工具<b class="icon"></b></a>
                                    <div class="dropdown-menu">
                                        <ul class="dropdown-cont">
                                            <li><a href="/paiming/" class="nav-link">排名查询</a></li>
                                            <li><a href="/shoulu/" class="nav-link">收录查询</a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="dropdown">
                                    <a href="https://www.iqianfeng.com/about/" class="nav-link linkTo">了解177<b class="icon"></b></a>
                                    <div class="dropdown-menu">
                                        <ul class="dropdown-cont">
                                            <li><a href="https://www.iqianfeng.com/lianxi/" class="nav-link">联系我们</a></li>
                                            <li><a href="https://www.iqianfeng.com/help/" class="nav-link">帮助中心</a></li>
                                        </ul>
                                    </div>
                                </li>
                            </ul>
                            <ul class="nav navbar-nav navbar-nav-right com_header_collapse_ul_cont_btns layui-nav layui-layout-right" style="background-color: #393d4900;margin-top: 6px;margin-right: 8px">
                                <li class="layui-nav-item layuimini-setting">
                                    <a href="javascript:;" style="color: black">${account.username}</a>
                                    <dl class="layui-nav-child">
                                        <dd>
                                            <a href="/openLogin" class="login-out">退出登录</a>
                                        </dd>
                                        <dd>
                                            <a href="/Personal?id=${account.id}" class="login-out">个人中心</a>
                                        </dd>
                                        <dd>
                                            <a href="/balance?id=${account.id}" class="login-out">余额</a>
                                        </dd>
                                    </dl>
                                </li>


                                <li>
                                    <a href="http://a.iqianfeng.com/" data-bd_yx="ty1" rel="nofollow" target="_blank" class="btn-link btn btn-theme nav-link">立即开始推广</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </nav>
    </header>
<br>
<div class="layui-container"  style="background-color: #FFFFFF;margin-top: 80px" >
    <div class="layui-row">
    <div class="layui-tab">
        <ul class="layui-tab-title">
            <li><a href="/media?platformId=${media.platformId}">默认排序</a></li>
            <li class="layui-this"><a href="/media2?platformId=${media.platformId}">按粉丝数</a></li>
            <li><a href="/media3?platformId=${media.platformId}">按报价</a></li>
            <li><a href="/media4?platformId=${media.platformId}">按阅读量</a></li>
        </ul>
    </div>


    <table class="layui-table" style="text-align: center">
        <colgroup>
            <col width="20">
            <col width="200">
            <col>
            <col width="200">
            <col>
            <col>
            <col>
            <col width="230">
        </colgroup>
        <thead>
        <tr>
            <td><input type="checkbox"></td>
            <td>账号信息</td>
            <td>粉丝数</td>
            <td>报价</td>
            <td style="width: 80px">账号地址</td>
            <td>阅读量</td>
            <td>账号分类</td>
            <td>操作</td>
        </tr>
        </thead>
        <style>
            .img-circle {
                width: 60px;
                height: 60px;
                border-radius: 50%;
                --tw-border-opacity: 1;
                border: 2px solid #00b354;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                float: left;
            }
        </style>
        <c:forEach items="${listFans}" var="listFans">
        <tbody>
        <tr>
            <td><input type="checkbox"></td>
            <td>
                <div style="float: left">
                    <img src="${listFans.headImg}" class='img-circle'>
                </div>
                <div style="float: left">
                    <p>${listFans.accountName}</p><button class="layui-btn layui-btn-primary layui-border-orange layui-btn-xs">原创</button>
                </div>
            </td>
            <td>${listFans.amount}</td>
            <td>
                <p>单图文首条：<span style="color: #f0ad4e">${listFans.subsAmount}</span></p>
            </td>
            <td><a href="${listFans.url}" target="_blank">立即访问</a></td>
            <td>${listFans.account}</td>
            <td>${listFans.platform.name}</td>
            <td>
                <button class="layui-btn layui-btn-primary layui-border-orange layui-btn-xs">立即投放</button>
                <div><a href="/particulars?id=${listFans.id}">账号详情</a></div>
            </td>
        </tr>
        </tbody>
        </c:forEach>
    </table>
</div>
</div>
</body>

<script src="/iqianfeng/js/jquery.min.js"></script>
<script src="/iqianfeng/js/swiper.min.js"></script>
<script src="/iqianfeng/js/wow.min.js"></script>
<script src="/iqianfeng/js/layer.js"></script>
<script src="/iqianfeng/js/jquery.validator.js"></script>
<script src="/iqianfeng/js/city-picker.data.js"></script>
<script src="/iqianfeng/js/city-picker.js"></script>
<script src="/iqianfeng/js/common.js"></script>
<script src="/iqianfeng/js/index.js"></script>
<script src="//unpkg.com/layui@2.7.6/dist/layui.js">
    layui.use('element', function(){
        var element = layui.element;
    });
</script>
</html>
